<!doctype html>
<html>

<head>
    @@include('modules/common/Head.html')
    <style>
        .error{
            text-align: center;
            padding-left:30px;
            padding-right: 30px;
            position: relative;
        }
        img{
            height:245px;
            width:60px;
            margin-bottom: 49px;
        }
        h5{
            font-weight: 700;
        }
        p{
            color:#7db4f4;
            font-size:12px;
            margin-bottom: 104px;
            position: relative;
        }
        #time{
            color:#0c5ef7;
            font-size: 14px;
            position: absolute;
            right: 44px;
            bottom: 17px;
            font-weight: 600;
        }
        #btn{
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0;
        }
        @media (min-width: 767px){
            .error{
                text-align: center;
                position: relative;
            }
            img{
                height:311px;
                width:60px;
                margin-bottom: 119px;
            }
            h5{
                font-weight: 700;
                font-size: 20px;
            }
            p{
                color:#7db4f4;
                font-size:14px;
                margin-bottom: 151px;
                position: relative;
            }
            #time{
                color:#0c5ef7;
                font-size: 14px;
                position: relative;
                left: 228px;
                bottom: -1px;
                font-weight: 600;
            }
            #btn{
                font-size:14px;
                width: 250px;
                height:50px;
                padding:16px 0;
            }
        }

    </style>
</head>

<body>
<div class="error">
    <img src="/img/error.png">
    <h5 class="text-center">啊哦～ 您访问的页面走丢了</h5>
    <p class="text-center">（404:找不到页面）</p>
    <span id="time"> 5s</span>
    <a id="btn" href="/index.html" class="btn btn-primary" type="button"> 返回首页</a>
</div>
<script language="JavaScript">
    var wait = 5;
    var waitTime = document.getElementById("time");
    var timer = setInterval(function () {
        wait--;
        waitTime.innerHTML = wait + 's';
        if (wait < 1) {
            clearInterval(timer);
            this.timer = null;
            waitTime.style.display = 'none';
            window.location.href = '/index.html';
        }
    }, 1000)
</script>
</body>

</html>